@CHARSET "UTF-8";
/*common*/
*{margin:0;padding:0;border:0;outline:0;}
html,body{height:100%;}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6,p{-webkit-text-size-adjust:none;/*解锁小字*/-ms-text-size-adjust:none;text-size-adjust:none;/*关闭字自动放大*/}
body{margin:0 auto;-webkit-tap-highlight-color:rgba(0,0,0,0);/*屏蔽移动端点击背景高亮*/tap-highlight-highlight-rgba(0,0,0,0);/*屏蔽移动端点击框高亮*/}
body{font-size:14px;color:#333;font-weight:inherit;font-family: -apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;}
div,p,span,em,i,a{font-style:normal;/*正常字体*/}
a{text-decoration:none;border:0px;color:#333;-webkit-touch-callout:none;/*触摸及点击时禁止显示默认*/}
li{list-style:none;}

/*No Select*/
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently not supported by any browser */
}

/*********************************************[left/right]*************************************************************/

.left_box{position:absolute;top:0px;left:0;bottom:0;width:190px;background-color:#373D41;overflow:hidden;}
.right_box{position:absolute;top:0px;left:190px;right:0;bottom:0;height:100%;overflow:hidden;}

/*--------------------------------------------[left-top/con]----------------------------------------------------------*/

/*= left_top =*/
.left_top{width:100%;height:50px;text-align:center;background-color:#111;color:#fff;line-height:50px;}
.left_top a{color:#fff;}
/*= left_con =*/
.left_con{height:100%;/*margin-right:-20px;*/}

/*--------------------------------------------[right-top/iframe_box]--------------------------------------------------*/

/*= right_top =*/
.right_top{width:100%;min-width:364px;height:50px;background-color:#373D41;overflow:hidden;line-height:50px;color:#fff;}

/*= iframe_box =*/
.iframe_box{border:10px solid #eee;height:-webkit-calc(100% - 70px); height:-moz-calc(100% - 70px); height:calc(100% - 70px);}

/*--------------------------------------------[left-menu]-------------------------------------------------------------*/

/*= left menu =*/
.menu_con{height:-webkit-calc(100% - 100px); height:-moz-calc(100% - 100px); height:calc(100% - 100px);margin-bottom:50px;}
.menu_con{width:210px;overflow-y:scroll;overflow-x:hidden;white-space:nowrap;/*文本不换行*/}
.menu_con a{display:inline-block;width:170px;height:40px;padding-left:20px;line-height:40px;overflow:hidden;border-left:2px solid #373D41;color:#fff;}
.menu_con a:hover{background-color:#2C3134;border-left:2px solid #00c1de;}
.menu_con a.act{background-color:#00c1de;border-left:2px solid #00c1de;}
.menu_con .open{background-color:#2C3134;}
/*一级菜单三角定位*/
.menu_con li{position:relative;width:190px;}
/*= left menu2 =*/
.menu_con dl{display:none;padding-left:20px;}
.menu_con dd a.act{background-color:#2C3134;color:#00c1de;border-left:2px solid #373D41;}
.menu_con .dl_open{display:block;}
/*子级菜单三角定位*/
.menu_con dd{position:relative;}
/*菜单三角*/
.menu_con .find_btn{position: absolute;top: 0;right: 0;display: inline-block;width: 30px;height: 40px;background-image: url(../img/admin/triangle.png);background-position: center center;background-repeat: no-repeat;background-color: #373d41;}
.menu_con .open .find_btn{background-color: #00c1de}
.menu_con .open dl .find_btn{background-color: #2C3134}
.menu_con a:hover+.find_btn{background-color: #2C3134}
.menu_con a.nav1.act:hover+.find_btn{background-color: #00c1de}

/*--------------------------------------------[right-top-btn]---------------------------------------------------------*/

/* right-top-left-btn */
.right_top_left{float:left;width:102px;background-color:#373D41;}
.right_top_btn1,.right_top_btn2{float:left;width:50px;height:50px;text-align:center;border-right:1px solid #2A2F32;cursor: pointer; }
.right_top_btn1{background:url(../img/admin/menu.png) center center no-repeat;}
.right_top_btn2{background:url(../img/admin/home.png) center center no-repeat;}

/* right-top-right-btn */
.right_top_right{float:right;width:262px;height:50px;background-color:#373D41;overflow:hidden;}
.right_top_btn3{width:60px;float:left;display:inline-block;height:50px;border-left:1px solid #2A2F32;}
.right_top_btn3{background:url(../img/admin/web.png) center center no-repeat;cursor: pointer; }
.right_top_btn4{width:60px;float:left;display:inline-block;height:50px;border-left:1px solid #2A2F32;text-align: center;font-size:28px;line-height:51px;color:#eee;cursor: pointer;}


/* right-top-right-btn-userinfo */
.user_info{display: inline-block;width: 138px;height:50px;border-left:1px solid #2A2F32;overflow: hidden;white-space:nowrap;overflow:hidden;}
.user_info .headimg{width:25px;height:25px;float:left;margin:12px -10px 12px 12px;border-radius:50%;}
.user_info .user_name{cursor: pointer; }
.user_info:hover .user_name{background-color:#2C3134;}
.user_info:hover .user_menu{display:block;}
/* right-top-right-btn-userinfo-menu */
.user_menu{position:fixed;top:50px;right:0px;width:140px;height:auto;background-color:#373D41;text-align: center;display:none;}
.user_menu a{display:inline-block;width:100%;height:100%;color:#fff;}
.user_menu ul li:hover{background-color:#2C3134;}
.user_menu ul li:hover a{color:#00c1de;}

/*--------------------------------------------[right-top-menu]--------------------------------------------------------*/
.right_top_menu{overflow:hidden;white-space:nowrap;height:70px;}
.right_top_menu_con{overflow-x: auto;overflow-y: hidden;height: 70px;margin-bottom: -20px;width: 100%;}
.right_top_menu ul li{width:100px;float:left;overflow:hidden;border-right:1px solid #2A2F32;}
.right_top_menu ul li a{display:inline-block;width:100px;text-align:center;color:#fff;}
.right_top_menu ul li a:hover,.right_top_menu ul li a.act{background-color:#2C3134;color:#00c1de;}
.right_top_menu:hover .right_top_menu_con{height:50px;margin-bottom:0;}

/*************************************************皮肤*****************************************************************/
